<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/detail.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="header">
        <div class="content">
            <ul class="header_left">
                <li><span class="iconfont icon-fangzi"></span>返回首页</li>
                <li>网站导航<span class="xiala iconfont icon-xiala1"></span></li>
                <li>商家入驻<span class="xiala iconfont icon-xiala1"></span></li>
                <li>客户服务<span class="xiala iconfont icon-xiala1"></span></li>
            </ul>
            <ul class="header_right">
                <li>请登录</li>
                <li>注册有礼</li>
                <li>我的订单<span class="xiala iconfont icon-xiala1"></span></li>
                <li>我的易购<span class="xiala iconfont icon-xiala1"></span></li>
                <li>苏宁会员</li>
                <li><span class="gocar iconfont icon-gouwuche"></span>购物车<span class="xiala iconfont icon-xiala1"></span></li>
                <li>易付宝</li>
                <li>企业采购</li>
                <li>手机苏宁<span class="xiala iconfont icon-xiala1"></span></li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="find">
        <div class="content">
            <div class="find_left">
                <img src="./images/苏宁易购.png" alt="">
                <div>
                    <p>荣耀苏宁自营旗舰店</p>
                    <p>苏宁自营</p>
                    <p>店铺信息</p>
                    <p><img src="./images/苏宁自营.png" alt=""></p>
                </div>
            </div>
            <div class="find_right">
                <input type="text" placeholder="iphone 13">
                <input type="submit" value="搜易购">
                <input type="submit" value="搜本店">
            </div>
        </div>
    </div>
    <!-- 顶部大图 -->
    <div class="banner"></div>
    <!-- nav -->
    <div class="nav">
        <div class="content">
            <ul>
                <li>本店所有商品</li>
                <li>首页</li>
                <li>Magic3系列</li>
                <li>荣耀50系列</li>
                <li>荣耀V系列</li>
                <li>荣耀play系列</li>
                <li>荣耀路由wifi6</li>
                <li>荣耀平板5</li>
            </ul>
        </div>
    </div>
    <!-- select -->
    <div class="select">
        <div class="content">
            <ul class="left">
                <li>手机/数码/配件<span>&gt;</span></li>
                <li>
                    <select name="" id="">
                        <option value="">手机配件</option>
                        <option value="">摄影摄像</option>
                        <option value="">数码配件</option>
                        <option value="">影音电子</option>
                        <option value="">电子教育</option>
                        <option value="">运营商</option>
                        <option value="">智能设备</option>
                    </select>
                    <span>&gt;</span>
                </li>
                <li>
                    <select name="" id="">
                        <option value="">手机</option>
                        <option value="">手机频道</option>
                    </select>
                    <span>&gt;</span>
                </li>
                <li>
                    <select name="" id="">
                        <option value="">荣耀(honor)</option>
                        <option value="">Apple</option>
                        <option value="">小米mi</option>
                        <option value="">华为HUAWEI</option>
                        <option value="">vivo</option>
                        <option value="">OPPO</option>
                        <option value="">魅族MEIZU</option>
                    </select>
                    <span>&gt;</span>
                </li>
                <li>荣耀(honor)V40手机</li>
            </ul>
            <div class="right">
                <p>自营</p>
                <p>荣耀苏宁自营旗舰店</p>
                <p><img src="./images/苏宁自营.png" alt=""></p>
            </div>
        </div>
    </div>
    <!-- 放大镜 -->
    <div class="big" id="enlarge">
        <div class="content">
            <div class="left"></div>
            <div class="right">
                <div class="title"></div>
                <div class="djh">
                    <img src="./images/大聚惠3.png" alt="">
                </div>
                <div class="djs">
                    <p><img src="./images/红包二维码.jpg" alt=""></p>
                </div>
            </div>
        </div>
    </div>
    
    <script src="./js/detail.js"></script>
</body>
</html>